<template>
   <div>
       <p>请选择你喜欢的</p>
       <span v-for="val in arr" :key="val" >
            <input  type="checkbox" :value="val" v-model="newAry"> {{val}}
       </span>
       <ul>
           <li v-for="val in newAry" :key="val"> {{val}}</li>
       </ul>
   </div>
</template>

<script>
export default {
  data () {
      return {
          arr:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
          newAry:[],
      }
  }
}
</script>

<style>

</style>